<template>
   <div id="box">
   <header>
      <span class="one" @click="fanhui">
        确定
      </span>
      <span class="two">
        联系人
      </span> 
    </header>
    <section>
      <ul>
        <li class="one">         
            <span>发件人：</span>
            <input type="text" placeholder="请选择"/>
            <router-link to="xuanzeshouhuoren">
            <img src="../assets/img/tu2.png">
          </router-link>
        </li>
        <li class="two">
          <span>收件人：</span>
          <input type="text" placeholder="请选择"/>
          <img src="../assets/img/tu3.png">
        </li>
        <li class="three">
          <span>关键词：</span>
          <input type="text" />
        </li>
        <li class="four">
          <span>暂无收件人信息，请添加</span>         
        </li>
      </ul>
    </section>
    <footer>
    <router-link to="tianjiafahuoren">
      <button class="one">添加</button>
    </router-link>
      <button class="two">确定</button>
    </footer>         
   </div>
</template>

<script>
export default {
  name: 'lianxiren',
  methods:{
    fanhui(){
      this.$router.go(-1)
    }
  }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
    @import '../assets/less/lianxiren.less';
    @import '../assets/css/reset.css';
</style>